<template>
    <view class="cart-item-product">
        <easy-pro-img customSize="120" :url="easyGetImgUrl(productData.ProductImage)"></easy-pro-img>
        <text class="item-name"
            ><text v-if="productData.IsGift" class="gift">【赠品】</text>{{ productData.ProductName }}</text
        >
    </view>
</template>

<script>
import easyProImg from "@/components/easy/easy-pro-image.vue"
export default {
    components: {
        easyProImg,
    },
    props: {
        productData: {
            type: Object,
            default: {},
        },
    },
    data() {
        return {}
    },
    methods: {
        getData() {},
    },
}
</script>

<style lang="scss">
.cart-item-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    // border-bottom: solid 1rpx $uni-bg-color-grey;
    padding: $app-page-padding 0;
    .item-radio {
        display: flex;
        align-items: center;
        margin-right: 20rpx;
    }
    .item-name {
        display: flex;
        flex: 1;
        flex-direction: column;
        // font-weight: 700;
        font-size: $font-size-28;
        .gift {
            color: $app-color-main;
        }
    }
}
</style>
